<template>
  <div class="home">
    <HeaderBar></HeaderBar>
    <Banner></Banner>
    <Classification :indexClass="allparentinfo.indexClass"></Classification>
    <Recommended></Recommended>
    <LimitActivity></LimitActivity>
    <FloorList :allparentinfo="allparentinfo.allparentinfo"></FloorList>
    <FooterNav></FooterNav>
  </div>
</template>
<script>
import { mapState } from 'vuex'

import HeaderBar from '@/components/home/HeaderBar'
import Banner from '@/components/ad/Banner'
import Classification from '@/components/home/Classification'
import Recommended from '@/components/home/Recommended'
import LimitActivity from '@/components/home/LimitActivity'
import FloorList from '@/components/home/FloorList'
import FooterNav from '@/components/common/FooterNav'

export default{
  name:'home',
  data(){
    return {}
  },
  components:{ 
    HeaderBar,
    Banner,
    Classification,
    Recommended,
    LimitActivity,
    FloorList,
    FooterNav
  },
  computed:{
    ...mapState({
      allparentinfo : state => state.home.allparentinfo
    })
  }
}
</script>

<style lang="scss">
.home{
  background: #eee;
}
.cls_list{
  overflow: hidden;
  margin-top: 2px;
  padding-bottom: 1.5rem;
}
</style>